// 下载安装 vue add vuex 自动导入vue
import Vue from 'vue'
// 自动导入 Vuex
import Vuex from 'vuex'

Vue.use(Vuex)

// 6月24号---------------------------6月24号----------------------
// 实例化 并暴露出去 (所有其他页面就可以导入这个方法)
export default new Vuex.Store({
  // 定义数据的位置  理解为 data
  // 这里的数据 任意组件中用这个语法都能拿到 this.$store.state.xxx 即可`取值`和`改值`
  // 如果在组件的html结构中用 可以不用谢this
  state: {
    // 用户数据
    cangkuuserInfo: {}
  },
  mutations: {
    // 修改数据的方法 (修改数据需要外部传递过来)
    setUserInfo (state, newUserInfo) {
      // console.log('state', state)
      // console.log('newUserInfo', newUserInfo)
      // 在仓库中保存起来 (上面state的cangkuuserInfo()存储传递过来的数据)
      // 是有routre里面的index.js传递过来的 store.commit('setUserInfo', res.data.data)
      // res.data.data这是用户登陆后的数据
      state.cangkuuserInfo = newUserInfo
    }
  },
  actions: {},
  modules: {}
})
